<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <include file="Public:common_file" />
    <meta name="description" content="{$info.description}">
    <meta name="keywords" content="{$info.keywords}">
    <title>{$info.title}-首页</title>
    <style type="text/css">
        .swiper-container {
            width: 100%;
            height: 180px;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            background-size:100% 100%;
            background-repeat:no-repeat;
        }
    </style>
</head>
<body>
    <div class="head">
        <div class="left">
            LOGO<!-- <i class="icon-reorder"></i> -->
        </div>
        <div class="center">
            <form method="post" action="{:U('Index/good_list')}">
                <input type="text" class="form-control" placeholder="请输入商品名称" name="like">
            </form>
        </div>
        <div class="right" onclick="search()">
            <i class="fa fa-search" aria-hidden="true"></i>
        </div>
    </div>
<!-- 
    <div class="alltype">
        <div class="left">
            <div class="type">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/1.png" >
                </div>
                <div class="test">分类1</div>
            </div>
            <div class="type">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/2.png" >
                </div>
                <div class="test">分类2</div>
            </div>
        </div>
        <div class="right">
            <div class="type">
                <div class="type_name">
                    分类分类1
                </div>
                <div class="subtype">
                    分类1
                </div>
                <div class="subtype">
                    分类2
                </div>
                <div class="subtype">
                    分类3
                </div>
                <div class="subtype">
                    分类4
                </div>
                <div class="subtype">
                    分类5
                </div>
                <div class="subtype">
                    分类6
                </div>
                <div class="subtype">
                    分类7
                </div>
                <div class="subtype">
                    分类8
                </div>
                <div class="subtype">
                    分类9
                </div>
            </div>
            <div class="type">
                <div class="type_name">
                    分类分类2
                </div>
                <div class="subtype">
                    分类1
                </div>
                <div class="subtype">
                    分类2
                </div>
                <div class="subtype">
                    分类3
                </div>
                <div class="subtype">
                    分类4
                </div>
                <div class="subtype">
                    分类5
                </div>
                <div class="subtype">
                    分类6
                </div>
                <div class="subtype">
                    分类7
                </div>
                <div class="subtype">
                    分类8
                </div>
                <div class="subtype">
                    分类9
                </div>
            </div>
        </div>
    </div> -->

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image:url(/Public/img/banner9.png)"></div>
            <div class="swiper-slide" style="background-image:url(/Public/img/banner9.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(/Public/img/banner8.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(/Public/img/banner7.jpg)"></div>
            <div class="swiper-slide" style="background-image:url(/Public/img/banner5.jpg)"></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

    <div class="typelist">
        <a href="{:U('Index/good_list')}">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/1.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="{:U('Index/good_list')}">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/2.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="{:U('Index/good_list')}">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/3.png"></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="{:U('Index/good_list')}">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/4.png"></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="{:U('Index/good_list')}">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/5.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="{:U('Index/good_list')}">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/6.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="{:U('Index/good_list')}">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/7.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
        <a href="{:U('Index/good_list')}">
            <div class="type">
                <div class="img"><img class="lazy" data-original="/Public/img/8.png" ></div>
                <div class="text">分类</div>
            </div>
        </a>
    </div>

    <div class="new_good">
        <a href="{:U('Index/good')}">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t1.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="{:U('Index/good')}">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t2.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="{:U('Index/good')}">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t3.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="{:U('Index/good')}">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t4.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="{:U('Index/good')}">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t5.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="{:U('Index/good')}">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t6.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="{:U('Index/good')}">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t7.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="{:U('Index/good')}">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t8.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="{:U('Index/good')}">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t9.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>

        <a href="{:U('Index/good')}">
            <div class="good">
                <div class="img">
                    <img class="lazy" data-original="/Public/img/t10.jpg" >
                </div>
                <div class="name">
                    木兰(Mulan)B02H 绿色 爆款智能控温自动上水不锈钢电热水壶加水器电茶壶烧水壶茶具 绿色
                </div>
                <div class="price">￥128.00</div>
            </div>
        </a>
        

    </div>

    <div class="loading">
        <img src="/Public/img/loading.gif">
    </div>

    <include file="Public:foot" />

    <script src="/Public/js/s.js"></script>

    <!-- Initialize Swiper -->
    <script>
        var html = $('.new_good').html();

        imgload();
        swiper_go();

        
        

        $(window).scroll(function(){

        　　var scrollTop = $(this).scrollTop();
        　　var scrollHeight = $(document).height();
        　　var windowHeight = $(this).height();
        　　if(scrollTop + windowHeight == scrollHeight){
                setTimeout('doit()',1500)
        　　　　
        　　}
            if(scrollTop >= 180){ //向下滚动像素大于这个值时，即出现浮窗~
                $(".head").animate({backgroundColor:"#f23030"},600);
            }
        });

        function doit(){
            $('.new_good').append(html);
            imgload();
        }

    </script>
</body>
</html>